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DYNAMICALLY ALTERING WEB PAGE CONTENT 
BASED ON A PAGE'S TITLE PROPERTIES 



Background Of The Invention 



This invention generally relates to altering contents of 
Web pages; and, more specif ically,' the invention relates 
to methods and systems of altering automatically the 
properties of specific content within a Web page without 
manual intervention . 

In recent years, a unique distributed database has 
emerged in the form of the World-Wide Web (Web) . The 
database records of the Web are in the form of pages 
accessible via the Internet, On the Web, tens of 
millions of pages are accessible by anyone having a 
communications link to the Internet. 

The pages of the Web are dispersed over millions of 
different computer systems all over the world. Users of 
the Internet constantly desire to locate specific pages 
containing information of interest. The pages can be 
expressed in a number of different character sets, 
including English, French, German, Spanish, Cyrillic, 
Kanakata and Mandarin. In addition, the pages can 
include specialized components, such as embedded forms, 
executable programs, JAVA applets and hypertext. 

The pages of the Web can be constructed using various 
formatting conventions, for example, ASCII text, 
Postscript files, html files, and Acrobat files. The 
pages can include links to multimedia information content 
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Other than text, such as audio, graphics, and moving 
pictures. As a complexity, the Web can be characterized 
as an unpredictable random update, insert and delete 
database with a constantly changing morphology. 

5 

In order to increase the usability of a Web site, it is 
desirable to indicate in which section of the site the 
page the user is currently viewing is located by 
highlighting the section name within the left-hand 

10 navigation. Current processes for doing this require 

either the hard coding of the highlighted section into 
each individual Web page, or the creation of several 
server side includes for each variation. Either process 
requires manual editing of HTML and SSI files if new 

15 sections are added or section names are altered. 



^ Summary Of The Invention 

„ " An object of this invention is to automatically alter the 

S 20 properties of specific content within a web page without 

manual intervention . 

Another object of this invention is to increase the 
usability of Web sites. 

A further object of the present invention is, when a user 
is viewing a page of a Web site, to highlight on the page 
the section of the Web site having that page. 

30 These and other objectives are attained with a method and 

system of dynamically altering the contents of a web 
page. The method comprises the steps of providing a web 
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page having a title selected in accordance with a pre- 
defined naming convention, and providing a style sheet 
having pre-defined style attributes. The method further 
comprises the steps of selecting the web page, reading 
5 the title and identifying a section name based on the 

title, and altering the pre-defined style attributes 
based on the section name. 

This invention allows the Web page developer to highlight 
10 the active section of the site within the left-hand 

navigation (or anywhere on the page, if desired) using 
CSS and JAVA Script. No manual intervention is required. 
As new pages are added to the Web site, the developer 
simply follows the established naming convention, and the 
15 appropriate section will automatically be highlighted. 

Further benefits and advantages of the invention will 
become apparent from a consideration of the following 
detailed description, given with reference to the 
O 20 accompanying drawings, which specify and show preferred 

embodiments of the invention. 

Brief Description Of The Drawings 

25 Figure 1 is a flow chart outlining the method of this 

invention. 

Figure 2 shows several routines that may be used in the 
practice of this invention. 



Figure 3 shows script code that may be used in the 
implementation of this invention. 
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Figure 4 shows a Web page illustrating the results of the 
present invention . 

Figures 5 and 6 show a computer system that may be used 
in the invention. 

Figure 7 illustrates a memory medium that can be used to 
hold a computer program for carrying out this invention. 

Detailed Description Of The Preferred Embodiments 

The present invention relates to a method and system of 
dynamically altering the contents of a web page. With 
reference to Figure 1, the method generally comprises the 
steps of providing a web page having a title selected in 
accordance with a pre-defined naming convention, and 
providing a style sheet having pre-defined style 
attributes. The method further comprises the steps of 
selecting the web page, reading the title and identifying 
a section name based on the title, and altering the pre- 
defined style attributes based on the section name. 

As an example, the naming convention used for the title 
of the Web pages may be set up to establish the "Title of 
the Web Site," "User Group," "Section Name," and "Page 
Name." Each element of the title tag may be delimited by 
an asterisk. (The title of the page may be set by the 
developer when the page is first created.) The HTML then 
calls and applies a Style Sheet and JavaScript file to 
the Web page. 
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A Style sheet, it may be noted, is a collection of 
formatting information, such as fonts and tabs in a 
textual document, that can be manipulated and applied as 
a single unit. Typically, style sheets are associated 
5 with particular documents; however, style sheets may also 

be applied to individual display regions on pages within 
titles . 



With reference to Figure 2, each link within the 
10 Navigational HTML has been uniquely identified with an ID 

and assigned a Class name to apply style attributes to 
the linked test. The ID naming convention uses the same 
name as the Section Name found within the title. However 
all characters have been set to lowercase and blank 
m 15 spaces have been removed from the ID. 

m With reference to Figure 3, next the JavaScript is 

C executed and reads in the value of the HTML page title. 

It then parses the value received from the title until 
O 20 the Section Name is identified. Blank spaces are then 

r! eliminated from the Section Name and the characters are 

W 

□ set to lowercase. The script now has the name of the 

O corresponding ID for active link found within the 

^ Navigational HTML. The JavaScript then identifies 

25 certain properties of the users Web browser and 

dynamically alters the style attributes for the 

corresponding ID accordingly. 

Figure 4 shows a Web page developed using the present 
30 invention. On this page, the "Overview of Services" text 

within the title results in the highlighting of "Overview 
of Services" in the left-hand navigation. 
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An important advantage of this process, as opposed to 
other processes, is the developer can create an infinite 
number of pages below each section of the Web site and 
the proper section for those pages will be highlighted 
dynamically in the left-hand navigation. As long as the 
proper naming convention is used for the navigation's 
link IDs and the HTLM page title, no developer 
intervention is required. The preferred embodiment of 
the invention allows the developer to implement a single 
JavaScript file that does not contain hard- coded 
variables. As long as the naming convention established 
within the script is used for the Web page Title and the 
link Ids when the page is initially created, no manual 
intervention is required by the developer. The present 
invention is more compact (since no variables are hard- 
coded) , can be used globally throughout all sections of 
the Web site, and requires no additional maintenance once 
the script is implemented. 

As will be understood by those of ordinary skill in the 
art, the present invention may be carried out on any 
suitable computer or computer network. Figure 5 
illustrates, as an example, a computer of a type that may 
be used in the practice of this invention. Viewed 
externally in Figure 5, a computer system has a central 
processing unit 42 having disk drives 44A and 44B. Disk 
drive indications 44A and 44B are merely symbolic of a 
number of disk drives that might be accommodated by the 
computer system. Typically, these would include a floppy 
disk drive such as 44A, a hard disk drive (not shown 
externally) and a CD ROM drive indicated by slot 44B. 
The number and type of drives vary, usually, with 
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different computer configurations. The computer has the 
display 46 upon which information is displayed. A 
keyboard 50 and a mouse 52 are normally also available as 
input devices . 

5 

Figure 6 shows a block diagram of the internal hardware 
of the computer of Figure 5. A bus 54 serves as the main 
information highway, interconnecting the other components 
of the computer. CPU 56 is the central processing unit 
10 of the system, performing calculations and logic 

operations required to execute programs. Read only 
memory 60 and random access memory 62 constitute the main 
_ memory of the computer. Disk controller 64 interfaces 

""f one or more disk drives to the system bus 54. These disk 

m 15 drives may be floppy disk drives, such as 66, internal or 

external hard drives, such as 70, or CD ROM or DVD 
(Digital Video Disks) drives, such as 72. A display 
interface 74 interfaces a display 76 and permits 
information from the bus to be viewed on the display. 
20 Communications with external devices can occur over 

communications port 78. 

Figure 7 shows a memory medium 80 that may be used to 
hold a computer program for implementing the present 
25 invention, and this medium may be used in any suitable 

way with any appropriate computer to carry out the 
invention. Typically, memory media such as a floppy 
disk, or a CD ROM, or a Digital Video Disk will contain 
the program information for controlling the computer to 
30 enable the computer to perform its functions in 

accordance with the invention. 



m 
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While it is apparent that the invention herein disclosed 
is well calculated to fulfill the objects stated above, 
it will be appreciated that numerous modifications and 
embodiments may be devised by those skilled in the art, 
and it is intended that the appended claims cover all 
such modifications and embodiments as fall within the 
true spirit and scope of the present invention. 
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